// 入口函数：
document.addEventListener('DOMContentLoaded', () => {
   get_article_type()   // 获取文章类型
   preview_upload()     // 上传图片预览
   init_tinymce()       // 初始化富文本
})

// 获取文章类型
function get_article_type() {
   myAjax('/admin/category/list', 'GET', null, function (res) {
      // console.log(res.data);
      let tplHTML = template('art_type', { data: res.data });
      $('#category').html(tplHTML);
   })
}

// 上传图片预览
function preview_upload() {
   $('#inputCover').change(function () {
      // 用原生对象方法获取到该二进制文件的数据
      let file = this.files[0];
      // 创建一个本地URL, 本地访问二进制文件
      let url = URL.createObjectURL(file);
      // 将本地url 赋予该文件的兄弟 img的src属性
      $(this).parent().children('img').prop('src', url);
   })
}

// 初始化富文本插件：
function init_tinymce() {
   tinymce.init({
      selector: '#articleCon',
      language: 'zh_CN'
   })
}

// 发布/草稿：
function save(type) {

   // 阻止form提交默认行为：
   $('#form').submit(function (e) {
      e.preventDefault();
   })

   // 处理数据：
   let title = $('#inputTitle').val();
   let cover = document.querySelector('#inputCover').files[0];
   let categoryId = $('#category').val();
   let date = new Date();
   date = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() // -' + date.getHours() + ' 时' + date.getMinutes() + '分' + date.getSeconds() + '秒';
   let content = tinyMCE.editors['articleCon'].getContent();
   let stateTxt = type;

   // 创建FormData对象收纳带有二进制的数据：
   let formdata = new FormData();
   formdata.append('title', title);
   formdata.append('cover', cover);
   formdata.append('categoryId', categoryId);
   formdata.append('date', date);
   formdata.append('content', content);
   formdata.append('state', stateTxt);
   console.log(formdata);
   // 请求Ajax：发布文章：
   myAjax('/admin/article/publish', 'post', formdata, function (res) {
      // console.log(res);
      layer.msg(res.msg);
      if (res.code == 200) {
         setTimeout(() => {
            window.location = './article_list.html';
         }, 800);
      }
   })
};